/*
 * @Author            : lusx 
 * @Date              : 2020-04-15 11:11:18 
 * @Last Modified by: lusx
 * @Last Modified time: 2020-05-14 16:02:37
 */
.self-tab {
    font-size       : 15px !important;
    line-height     : 3.2;
    font-weight     : bold;
    color           : @color-text-placeholder;
    padding-bottom  : 0;
    display         : -webkit-box;
    display         : flex;
    justify-content : space-around;
    flex-wrap       : nowrap;
    align-content   : center;
    height          : 43.5px;
    background-color: @fill-base;

    .self-tab-bar {
        position: relative;
        color   : #999;

        &::after {
            border-radius: 15px;
            height       : 4px;
            width        : 16px;
            left         : 18%;
        }
    }

    .self-tab-bar-active {
        color: #393Fd9;

        &::after {
            content   : '';
            position  : absolute;
            top       : 24px;
            left      : 13px;
            right     : 12px;
            background: #393Fd9;
        }
    }

}